import { useMemo } from "react";

import { SvgProps } from "./";

/** 底部导航栏 用户 界面 icon */
export default function NavUser({ className, onClick }: SvgProps) {
  return useMemo(
    () => (
      <svg
        className={className}
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="34810"
        data-spm-anchor-id="a313x.7781069.0.i39"
        xmlnsXlink="http://www.w3.org/1999/xlink"
        width="200"
        height="200"
        onClick={onClick}
      >
        <path
          d="M469.333333 213.333333a128 128 0 1 1-128 128 128 128 0 0 1 128-128z"
          fill="#e79686"
          p-id="34811"
          data-spm-anchor-id="a313x.7781069.0.i35"
          className="primary-l-fill"
        ></path>
        <path
          d="M704 896a288.298667 288.298667 0 0 0-288.042667-287.957333A288.256 288.256 0 0 0 128 896a32.042667 32.042667 0 0 1-32.042667 32A32 32 0 0 1 64 896a350.848 350.848 0 0 1 27.605333-137.045333 352.597333 352.597333 0 0 1 75.434667-111.872 351.104 351.104 0 0 1 111.872-75.434667 349.568 349.568 0 0 1 137.045333-27.690667 349.312 349.312 0 0 1 137.045334 27.690667 351.061333 351.061333 0 0 1 111.872 75.434667 351.317333 351.317333 0 0 1 75.434666 111.872A349.525333 349.525333 0 0 1 768 896a32.042667 32.042667 0 0 1-32.042667 32 32 32 0 0 1-31.957333-32z m128-160a32 32 0 0 1-31.957333-32 31.914667 31.914667 0 0 1 31.957333-31.957333h96a32 32 0 0 1 32.042667 31.957333 32.042667 32.042667 0 0 1-32.042667 32z m-128-192a31.957333 31.957333 0 0 1-32.042667-31.957333 32 32 0 0 1 32.042667-32.042667h224a32.085333 32.085333 0 0 1 32.042667 32.042667 32 32 0 0 1-32.042667 31.957333zM208 304A208.256 208.256 0 0 1 415.957333 96a208.256 208.256 0 0 1 208.042667 208 208.298667 208.298667 0 0 1-208.042667 208.042667 208.256 208.256 0 0 1-207.957333-208.042667z m64 0a144.213333 144.213333 0 0 0 144 144.042667 144.213333 144.213333 0 0 0 144.042667-144.042667A144.170667 144.170667 0 0 0 416 160a144.170667 144.170667 0 0 0-144 144z m528.042667 48.042667A32 32 0 0 1 768 320a31.914667 31.914667 0 0 1 32.042667-31.957333h128a31.957333 31.957333 0 0 1 32.042666 31.957333 32.042667 32.042667 0 0 1-32.042666 32.042667z"
          fill="#1c1c1c"
          p-id="34812"
          data-spm-anchor-id="a313x.7781069.0.i37"
          className="on-bg-l-fill"
        ></path>
      </svg>
    ),
    [onClick]
  );
}
